<div class="change-order change-order-hook">
    <div class="title">
        当前位置：租单管理&nbsp;->&nbsp;托盘租赁&nbsp;->&nbsp;订单详情&nbsp;->&nbsp;<span class="active">订单变更记录</span>
    </div>
    <div class="order_operation_btn fr">
        <button class="primary_btn" @click.stop="cancleBack()">返回</button>
    </div>
    <div class="inner-wrapper">
        <ul class="detail_contain accord">
            <li>
                <h3>订单续租记录</h3>
                <ol class="detail_list">
                    <li>
                        <p><span>订单号：</span><i v-text="rental.orderNo"></i></p>

                    </li>
                    <li>
                        <p><span>客户：</span><i v-text="rental.customerName"></i></p>
                        <p><span>客户地址：</span><i v-text="rental.customerAddress"></i></p>
                        <p><span>联系电话：</span><i v-text="rental.customerPhone"></i></p>
                    </li>
                </ol>
            </li>
            <li>
                <div class="rent_info noline">

                    <ol class="detail_list">
                        <li>
                            <h4>托盘总数</h4>
                            <p v-text="rental.totalQuantity"></p>

                        </li>
                        <li>
                            <h4>塑料托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypesNum"></i></p>
                            <p ><span>租金：</span><i v-cloak>{{palletTypesRentMoney  | formatPrice}}</i></p>
                            <p ><span>保证金：</span><i v-cloak>{{palletTypesCautionMoney  | formatPrice}}</i></p>
                        </li>
                       <!-- <li>
                            <h4>木质托盘</h4>
                            <p v-cloak><span>数量：</span><i v-text="rental.palletTypemNum"></i></p>
                            <p v-cloak><span>租金：</span><i >{{palletTypemRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypemCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>压模托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeyNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeyRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeyCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>其他托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeqNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeqRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeqCautionMoney  | formatPrice}}</i></p>
                        </li>-->
                    </ol>
                </div>
                <div class="price_info">

                    <ol class="detail_list">
                        <li v-cloak>
                            <h4>租金汇总</h4>
                            <p v-cloak>{{totalRental | formatPrice}}</p>
                        </li>
                        <li v-cloak>
                            <h4>保证金汇总</h4>
                            <p v-cloak>{{totalDeposit | formatPrice}}</p>
                        </li>
                        <!-- <li>
                             <h4>运输费用</h4>
                             <p></p>
                         </li>-->
                        <li v-cloak>
                            <h4>费用总计</h4>
                            <p v-cloak>{{totalCosts | formatPrice}}</p>
                        </li>
                    </ol>
                </div>
            </li>
        </ul>
        <ul class="detail_contain accord" style="display: none;">
            <li>
                <h3>订单退板记录</h3>
                <ol class="detail_list">
                    <li>
                        <p><span>订单号：</span><i v-text="rental.orderNo"></i></p>

                    </li>
                    <li>
                        <p><span>客户：</span><i v-text="rental.customerName"></i></p>
                        <p><span>客户地址：</span><i v-text="rental.customerAddress"></i></p>
                        <p><span>联系电话：</span><i v-text="rental.customerPhone"></i></p>
                    </li>
                </ol>
            </li>
            <li>
                <div class="rent_info noline">

                    <ol class="detail_list">
                        <li>
                            <h4>托盘总数</h4>
                            <p v-text="rental.totalQuantity">1000</p>

                        </li>
                        <li>
                            <h4>塑料托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypesNum"></i></p>
                            <p><span>租金：</span><i v-cloak>{{palletTypesRentMoney  | formatPrice}}</i></p>
                            <p><span>保证金：</span><i v-cloak>{{palletTypesCautionMoney  | formatPrice}}</i></p>
                        </li>
                       <!-- <li>
                            <h4>木质托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypemNum"></i></p>
                            <p><span>租金：</span><i v-cloak>{{palletTypemRentMoney  | formatPrice}}</i></p>
                            <p><span>保证金：</span><i v-cloak>{{palletTypemCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>压模托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeyNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeyRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeyCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>其他托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeqNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeqRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeqCautionMoney  | formatPrice}}</i></p>
                        </li>-->
                    </ol>
                </div>
                <div class="price_info">

                    <ol class="detail_list">
                        <li v-cloak>
                            <h4>租金汇总</h4>
                            <p v-cloak>{{totalRental | formatPrice}}</p>
                        </li>
                        <li v-cloak>
                            <h4>保证金汇总</h4>
                            <p v-cloak>{{totalDeposit | formatPrice}}</p>
                        </li>
                        <!-- <li>
                             <h4>运输费用</h4>
                             <p></p>
                         </li>-->
                        <li v-cloak>
                            <h4>费用总计</h4>
                            <p v-cloak>{{totalCosts | formatPrice}}</p>
                        </li>
                    </ol>
                </div>
            </li>
        </ul>
        <ul class="detail_contain accord" style="display: none;">
            <li>
                <h3>订单转租记录</h3>
                <ol class="detail_list">
                    <li>
                        <p><span>订单号：</span><i v-text="rental.orderNo"></i></p>

                    </li>
                    <li>
                        <p><span>客户：</span><i v-text="rental.customerName"></i></p>
                        <p><span>客户地址：</span><i v-text="rental.customerAddress"></i></p>
                        <p><span>联系电话：</span><i v-text="rental.customerPhone"></i></p>
                    </li>
                </ol>
            </li>
            <li>
                <div class="rent_info noline">

                    <ol class="detail_list">
                        <li>
                            <h4>托盘总数</h4>
                            <p v-text="rental.totalQuantity"></p>

                        </li>
                        <li>
                            <h4>塑料托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypesNum"></i></p>
                            <p><span>租金：</span><i v-cloak>{{palletTypesRentMoney  | formatPrice}}</i></p>
                            <p><span>保证金：</span><i v-cloak>{{palletTypesCautionMoney  | formatPrice}}</i></p>
                        </li>
                       <!-- <li>
                            <h4>木质托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypemNum"></i></p>
                            <p><span>租金：</span><i v-cloak>{{palletTypemRentMoney  | formatPrice}}</i></p>
                            <p><span>保证金：</span><i v-cloak>{{palletTypemCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>压模托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeyNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeyRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeyCautionMoney  | formatPrice}}</i></p>
                        </li>
                        <li>
                            <h4>其他托盘</h4>
                            <p><span>数量：</span><i v-text="rental.palletTypeqNum"></i></p>
                            <p v-cloak><span>租金：</span><i>{{palletTypeqRentMoney  | formatPrice}}</i></p>
                            <p v-cloak><span>保证金：</span><i>{{palletTypeqCautionMoney  | formatPrice}}</i></p>
                        </li>-->
                    </ol>
                </div>
                <div class="price_info">

                    <ol class="detail_list">
                        <li v-cloak>
                            <h4>租金汇总</h4>
                            <p v-cloak>{{totalRental | formatPrice}}</p>
                        </li>
                        <li v-cloak>
                            <h4>保证金汇总</h4>
                            <p v-cloak>{{totalDeposit | formatPrice}}</p>
                        </li>
                        <!-- <li>
                             <h4>运输费用</h4>
                             <p></p>
                         </li>-->
                        <li v-cloak>
                            <h4>费用总计</h4>
                            <p v-cloak>{{totalCosts | formatPrice}}</p>
                        </li>
                    </ol>
                </div>
            </li>
        </ul>
        <div>
            <div class="change_btn">
                <button class="primary_btn active">续租</button>
                <button class="primary_btn">退板</button>
                <button class="primary_btn">转租</button>
            </div>
            <div class="rental-wrapper rental-hook table_contain show">
                <div class="custom-table-wrapper ">
                    <table class="custom-table relet-acord-table-hook"></table>
                </div>
            </div>
        </div>
        <div class="return-wrapper return-hook table_contain">
            <div class="custom-table-wrapper">
                <table class="custom-table return-table-hook"></table>
            </div>
        </div>
        <div class="sublet-wrapper sublet-hook table_contain">
            <div class="custom-table-wrapper">
                <table class="custom-table sublet-table-hook"></table>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/back/rent/rental/change_order.js" custom></script>
